<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- CHANGE THIS TITLE TAG -->
    <title>MODDERFONTEIN 规划说明</title>

    <!-- media-queries.js -->
    <!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
    <!-- html5.js -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


    json/zh-CN/facility/
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/styles.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/index.css" rel="stylesheet" type="text/css" />
    <link href="../index/css/style.css" type="text/css" rel="stylesheet" />
    <script src="Scripts/cookie.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/CJL.0.1.min.js"></script>
    <script src="Scripts/AlertBox.js"></script>
    <script type="text/javascript">
    var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    initpage(pagelanguage);
    </script>
    <style type="text/css">
    .thumbnail {
        margin: 5px;
    }
    </style>
</head>

<body data-spy="scroll" style="background: url('http://antownimg.b0.upaiyun.com/newmdf/cssjbj.png') repeat-x;height:100%;width:100%;">

    <!-- TOP MENU NAVIGATION -->
    <div class="navbar navbar-fixed-top" style="height:60px" onload="initlanguage();">
        <div class="navbar-inner" style="background-image:url(http://antownimg.b0.upaiyun.com/newmdf/nindex/heng.png)!important;height:60px; ">
            <!--导航开始-->
            <!-- <div class="container">-->
            <div class="lrstyle">
                <a class="brand pull-left" style="padding:0;margin-left:-40px;margin-top:5px;" href="http://www.zendai.com" target="_blank">
                    <img src="http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_01.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:10px;margin-top:6px;" href="../../index.html">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_02.png">
                </a>
                <a class="brand pull-left" style="padding:0;margin-left:15px;margin-top:8px;" href="../../guihua.html" target="_blank">
                    <img src=" http://antownimg.b0.upaiyun.com/newmdf/nindex/logo_03.png">
                </a>
                <ul id="nav-list2" class="nav" style="height:60px; float:right">
                    <li>
                        <a href="../../guihua.html">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/emap.png' style="margin-left:-15px">
                        </a>
                    </li>
                    <li>
                        <a href="#" onclick="changelanguage();setlanguage();" id="planguage">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png' style="margin-left:-25px">
                        </a>
                    </li>
                </ul>
                <ul id="nav-list" class="nav" style="height:60px;float:right; ">
                    <li>
                        <a href="newqwbj.html" id="menu_qwbj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newghdw.html" id="menu_ghdw">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newghln.html" id="menu_ghln">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newcygh.html" id="menu_cygh">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png'>
                        </a>
                    </li>
                    <li>
                        <a href="newcssj.html" id="menu_cssj">
                            <img src='http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj.png'>
                        </a>
                    </li>
                </ul>

            </div>

            <!-- </div> -->
        </div>
    </div>
    <!-- QWBJ CONTENT -->
    <div class="container content container-fluid" id="home">
        <div class="row-fluid" style="width:980px;margin-left:-30px;">
            <!-- APP DETAILS -->
            <div class="span12" style="margin-top:0px;">
                <!-- APP NAME -->
                <img id="main_img" src="http://antownimg.b0.upaiyun.com/newmdf/newqwbjimg/lu.png" />
                <div id="main_title">
                    <h2>

                    </h2>
                </div>
                <br>
                <table>
                    <tr>
                        <td>
                            <a id="gjjrqshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs1.jpg" alt="">
                                    <div id="mune_cs1" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td>
                            <a id="gyyqshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs2.jpg" alt="">
                                    <div id="mune_cs2" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td>
                            <a id="gjhzqshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs3.jpg" alt="">
                                    <div id="mune_cs3" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td>
                            <a id="jyzxshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs5.jpg" alt="">
                                    <div id="mune_cs5" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td>
                            <a id="fzwhqshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs4.jpg" alt="">
                                    <div id="mune_cs4" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td>
                            <a id="tyzxshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs6.jpg" style="width:304px;height:150px">
                                    <div id="mune_cs6" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td rowspan="2">
                            <a id="gjjzqshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs7.jpg" style="width:144px;height:250px">
                                    <div id="mune_cs7" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td rowspan="2">
                            <a id="yscyshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs8.jpg" style="width:144px;height:250px">
                                    <div id="mune_cs8" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td colspan="2">
                            <a id="lsfmqshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs9.jpg" style="width:100%;height:150px">
                                    <div id="mune_cs9" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a id="stbhqshowDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs10.jpg" style="width:304px;height:90px">
                                    <div id="mune_cs10" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td>
                            <a id="cs11showDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs11.jpg" style="width:172px;height:90px">
                                    <div id="mune_cs11" class="divbackground">

                                    </div>
                                </div>
                            </a>
                        </td>
                        <td>
                            <a id="cs12showDetail" href="#" rel="gallery" class="thumbnail">
                                <div style="position:relative;">
                                    <img src="http://antownimg.b0.upaiyun.com/index_module/thumb/cs12.jpg" style="width:172px;height:90px">
                                    <div id="mune_cs12" class="divbackground">
                                    </div>
                                </div>
                            </a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>







    <div id="idBoxgjjrq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframegjjrq" src="cs1-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="gjjrqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxgyyq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframegyyq" src="cs2-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="gyyqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxgjhzq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframegjhzq" src="cs3-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="gjhzqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxfzwhq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframefzwhq" src="cs4-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="fzwhqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxjyzx" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframejyzx" src="cs5-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="jyzxDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxtyzx" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframetyzx" src="cs6-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="tyzxDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxgjjzq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframegjjzq" src="cs7-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="gjjzqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxyscy" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframeyscy" src="cs8-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="yscyDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxlsfmq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframelsfmq" src="cs9-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="lsfmqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxstbhq" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframestbhq" src="cs10-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="stbhqDetailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxcs11" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframecs11" src="cs11-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="cs11Detailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>
    <div id="idBoxcs12" style="display:none;width:900px;height:500px;position:absolute;top:40px;">
        <iframe id="iframecs12" src="cs12-div.html" style="width:100%;height:100%;border:0;"></iframe>
        <div id="cs12Detailcolse" style="top:0px;right:0px;position:absolute;">
            <img src="img/closediv.png">
        </div>
    </div>

    <!-- FOOTER -->
    <!--  <div class="footer container container-fluid"> -->
    <!-- COPYRIGHT - EDIT HOWEVER YOU WANT! -->
    <!-- <div id="copyright">
            MDF-GIS, V1.0, 2014.4, developed by Antown Tech & JWDA Shanghai
            <br>
        </div> -->
    <!-- </div> -->

    <script type="text/javascript">
    // var pagelanguage = getArgs()["lan"] || getCookie("pagelanguage") || "zh-CN";
    // initpage(pagelanguage);
    (function() {
        var abgjjrq = new AlertBox("idBoxgjjrq"),
            lock = true,
            center = true;
        var abgyyq = new AlertBox("idBoxgyyq"),
            lock = true,
            center = true;
        var abgjhzq = new AlertBox("idBoxgjhzq"),
            lock = true,
            center = true;
        var abfzwhq = new AlertBox("idBoxfzwhq"),
            lock = true,
            center = true;
        var abjyzx = new AlertBox("idBoxjyzx"),
            lock = true,
            center = true;
        var abtyzx = new AlertBox("idBoxtyzx"),
            lock = true,
            center = true;
        var abgjjzq = new AlertBox("idBoxgjjzq"),
            lock = true,
            center = true;
        var abyscy = new AlertBox("idBoxyscy"),
            lock = true,
            center = true;
        var ablsfmq = new AlertBox("idBoxlsfmq"),
            lock = true,
            center = true;
        var abstbhq = new AlertBox("idBoxstbhq"),
            lock = true,
            center = true;
        var abcs11 = new AlertBox("idBoxcs11"),
            lock = true,
            center = true;
        var abcs12 = new AlertBox("idBoxcs12"),
            lock = true,
            center = true;

        $$("cs12showDetail").onclick = function() {
            abcs12.center = true;
            // abcs12.lock = true;
            abcs12.show();
        }
        $$("cs12Detailcolse").onclick = function() {
            abcs12.close();
        }

        $$("cs11showDetail").onclick = function() {
            abcs11.center = true;
            // abcs11.lock = true;
            abcs11.show();
        }
        $$("cs11Detailcolse").onclick = function() {
            abcs11.close();
        }

        $$("stbhqshowDetail").onclick = function() {
            abstbhq.center = true;
            // abstbhq.lock = true;
            abstbhq.show();
        }
        $$("stbhqDetailcolse").onclick = function() {
            abstbhq.close();
        }
        $$("lsfmqshowDetail").onclick = function() {
            ablsfmq.center = true;
            // ablsfmq.lock = true;
            ablsfmq.show();
        }
        $$("lsfmqDetailcolse").onclick = function() {
            ablsfmq.close();
        }

        $$("yscyshowDetail").onclick = function() {
            abyscy.center = true;
            // abyscy.lock = true;
            abyscy.show();
        }
        $$("yscyDetailcolse").onclick = function() {
            abyscy.close();
        }

        $$("gjjzqshowDetail").onclick = function() {
            abgjjzq.center = true;
            // abgjjzq.lock = true;
            abgjjzq.show();
        }
        $$("gjjzqDetailcolse").onclick = function() {
            abgjjzq.close();
        }

        $$("tyzxshowDetail").onclick = function() {
            abtyzx.center = true;
            // abtyzx.lock = true;
            abtyzx.show();
        }
        $$("tyzxDetailcolse").onclick = function() {
            abtyzx.close();
        }

        $$("jyzxshowDetail").onclick = function() {
            abjyzx.center = true;
            // abjyzx.lock = true;
            abjyzx.show();
        }
        $$("jyzxDetailcolse").onclick = function() {
            abjyzx.close();
        }

        $$("fzwhqshowDetail").onclick = function() {
            abfzwhq.center = true;
            // abfzwhq.lock = true;
            abfzwhq.show();
        }
        $$("fzwhqDetailcolse").onclick = function() {
            abfzwhq.close();
        }

        $$("gjhzqshowDetail").onclick = function() {
            abgjhzq.center = true;
            // abgjhzq.lock = true;
            abgjhzq.show();
        }
        $$("gjhzqDetailcolse").onclick = function() {
            abgjhzq.close();
        }

        $$("gyyqshowDetail").onclick = function() {
            abgyyq.center = true;
            // abgyyq.lock = true;
            abgyyq.show();
        }
        $$("gyyqDetailcolse").onclick = function() {
            abgyyq.close();
        }

        $$("gjjrqshowDetail").onclick = function() {
            abgjjrq.center = true;
            // abgjjrq.lock = true;
            abgjjrq.show();
        }
        $$("gjjrqDetailcolse").onclick = function() {
            abgjjrq.close();
        }
    })()


    function setllanguage(pagelanguage) {
        var mune_cs1, mune_cs2, mune_cs3, mune_cs4, mune_cs5, mune_cs6, mune_cs7, mune_cs8, mune_cs9, mune_cs10, mune_cs11, mune_cs12, f1, f2, f3, f4, f5, f6;
        if (pagelanguage == "en") {
            f1 = "Context";
            f2 = "Positioning";
            f3 = "Concept";
            f4 = "Industry";
            f5 = "Design";
            f6 = "Copyright 2014 MODDERFONTEIN All Rights Reserved ";
            var main_title = "<h2>URBAN DESIGN</h2>";
            var mune_cs1 = "CITY CORE";
            var mune_cs2 = "LONGLAKE GATEWAY";
            var mune_cs3 = "PARKLAND PLANCE";
            var mune_cs4 = "FOUNDERS HILL";
            var mune_cs5 = "WESTLAKE";
            var mune_cs6 = "LONGLAKE PLEACE";
            var mune_cs7 = "EDUCATION AND...";
            var mune_cs8 = "MODDERFONTION NORTH";
            var mune_cs9 = "HISTORICE PRESERVATION AND CULTURAL CREATIVE PARK";
            var mune_cs10 = "PINELANDS";
            var mune_cs11 = "GYMNASIUM";
            var mune_cs12 = "HIGHLANDS";

        } else {
            f1 = "区位背景";
            f2 = "规划定位";
            f3 = "规划理念";
            f4 = "产业规划";
            f5 = "城市设计";
            f6 = "Copyright 2014 MODDERFONTEIN All Rights Reserved ";
            var main_title = "<h2>URBAN DESIGN 城市设计</h2>";
            var mune_cs1 = "城市中心";
            var mune_cs2 = "长湖门户区";
            var mune_cs3 = "国际文化娱乐城";
            var mune_cs4 = "创始山";
            var mune_cs5 = "西湖";
            var mune_cs6 = "长湖区";
            var mune_cs7 = "教育培训中心";
            var mune_cs8 = "沐德坊北部";
            var mune_cs9 = "历史风貌保护和文化创意园区";
            var mune_cs10 = "松林地";
            var mune_cs11 = "体育中心";
            var mune_cs12 = "高地区";

        }
        $("#f1").html(f1);
        $("#f2").html(f2);
        $("#f3").html(f3);
        $("#f4").html(f4);
        $("#f5").html(f5);
        $("#f6").html(f6);
        $("#main_title").html(main_title);
        $("#mune_cs1").html(mune_cs1);
        $("#mune_cs2").html(mune_cs2);
        $("#mune_cs3").html(mune_cs3);
        $("#mune_cs4").html(mune_cs4);
        $("#mune_cs5").html(mune_cs5);
        $("#mune_cs6").html(mune_cs6);
        $("#mune_cs7").html(mune_cs7);
        $("#mune_cs8").html(mune_cs8);
        $("#mune_cs9").html(mune_cs9);
        $("#mune_cs10").html(mune_cs10);
        $("#mune_cs11").html(mune_cs11);
        $("#mune_cs12").html(mune_cs12);

    }

    function changelanguage11(pagelanguage) {
        if (pagelanguage == "en") {
            $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/hanzi.png')
            $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enqwbj.png')
            $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghdw.png')
            $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/enghln.png')
            $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encygh.png')
            $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/encssj1.png')
        } else {
            $("a#planguage>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/english.png')
            $("a#menu_qwbj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/qwbj.png')
            $("a#menu_ghdw>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghdw.png')
            $("a#menu_ghln>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/ghln.png')
            $("a#menu_cygh>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cygh.png')
            $("a#menu_cssj>img").attr('src', 'http://antownimg.b0.upaiyun.com/newmdf/nindex/cssj1.png')
        }
        chagelinkhref(pagelanguage);
    }
    </script>



    <footer id="footer">
        <!--  <div class="container-fluid"> -->
        <div class="container">
            <div class="row info">
                <div class="col-sm-5 residence">
                    <ul>
                        <li> <a id="f1" href="newqwbj.html">区位背景 </a>┊
                        </li>
                        <li> <a id="f2" href="newghdw.html">规划定位 </a>┊
                        </li>
                        <li><a id="f3" href="newghln.html">规划理念 </a>┊</li>
                        <li><a id="f4" href="newcygh.html">产业规划 </a>┊</li>
                        <li><a id="f5" href="newcssj.html">城市设计 </a>┊</li>
                        <li><a href="newcssj.html">eMap</a>
                        </li>


                    </ul>
                </div>
                <div id="f6" class="col-sm-7 touch ">
                    <ul>
                        <li>
                            Copyright 2014 MODDERFONTEIN All Rights Reserved

                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </footer>

</body>

</html>
